<aside class="page-left">
    <div class="left-title">
        <img src="{{$settings['left_logo'] ?? ''}}" style="{{!empty($settings['left_logo']) ? '' : 'display: none;'}}" class="logo">
        <span>{!! isset($settings['left_title'])?$settings['left_title']:'' !!}</span>
    </div>
    <el-menu
            :default-active="layouts.left.active"
            :default-openeds="layouts.left.openeds"
            class="el-menu-vertical-demo Va-aside-menu"
            :collapse="isCollapse"
            :unique-opened="true"
            @select="layoutsLeftMenuEvent"
            data-7512a93d>
        <template v-for="items in layouts.left.menus">
            <el-menu-item :index="items.id" v-if="!items.children || items.children.length <= 0" :items="items">
                <i :class="items.icon" data-7512a93d></i>
                <span slot="title">@{{items.name}}</span>
            </el-menu-item>

            <el-submenu :index="items.id" :items="items" v-else>
                <template slot="title">
                    <i :class="items.icon" data-7512a93d></i><span slot="title">@{{items.name}}</span>
                </template>

                <template v-for="children in items.children" >
                    <el-menu-item v-if="!children.children  || children.children.length <= 0" :index="children.id" :items="children" >
                        <i :class="children.icon"></i>
                        <span slot="title"> @{{children.name}}</span>
                    </el-menu-item>
                    <el-submenu :index="children.id" :show-timeout="100" :popper-append-to-body="true" :items="children" v-else class="va-children">
                        <template slot="title">
                            <i :class="children.icon"></i>
                            <span slot="title"> @{{children.name}}</span>
                        </template>
                        <el-menu-item v-for="sub_children in children.children" :index="sub_children.id" :items="sub_children" >
                            <i :class="sub_children.icon"></i>
                            <span slot="title"> @{{sub_children.name}}</span>
                        </el-menu-item>
                    </el-submenu>
                </template>

            </el-submenu>
        </template>
    </el-menu>
</aside>